<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 时间js -->
		<!-- datagird 特效 -->
   <link rel="stylesheet" type="text/css" href="<%=basePath %>admin/test/css/easyui.css"/>
	<link rel="stylesheet" type="text/css" href="<%=basePath %>admin/test/css/icon.css">

    <script  type="text/javascript" src="<%=basePath%>admin/test/calendar/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>admin/js/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>admin/js/easyui-lang-zh_CN.js"></script>
	<!-- 时间 -->
    <style type="text/css">
    .Calendar{
	font: 12px Arial, Helvetica, sans-serif;overflow:hidden;position:absolute;text-align:center;width:189px;color:#333333;
	-moz-border-radius:4px;-webkit-border-radius:4px; border:#718BB7 1px solid;background:#f1f1f1;padding:2px;
}
.Calendar .top{
	-moz-border-radius:3px 3px 0px 0px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;padding:5px;
	background:url(<%=basePath%>admin/test/calendar/img/calendar_top.gif) repeat-x 0px 0px; height:14px;color:#ffffff;line-height:14px;overflow:hidden;clear:both;
}
.Calendar .arrow{
	background:url(<%=basePath%>admin/test/calendar/img/calendar_top.gif) repeat-x 0px -53px;width:13px;height:13px;
	border:#448DAE 1px solid;-moz-border-radius:7px;-webkit-border-radius:7px; display:block;
}
.Calendar .arrow div{width:0px; height:1px; margin-top:2px; font-size:0px; overflow:hidden;}
.Calendar .arrow .right{border-left:#36547F 4px solid; border-bottom:#C7D8ED 4px solid;border-top:#D6E2F2 4px solid;margin-left:5px;@margin-left:1px;}
.Calendar .arrow .left{border-right:#36547F 4px solid; border-bottom:#C7D8ED 4px solid;border-top:#D6E2F2 4px solid;margin-left:4px;@margin-left:0px;}
.Calendar .top b{ cursor:pointer; text-align:center; display:block; float:left;}
.Calendar .week{background:url(<%=basePath%>admin/test/calendar/img/calendar_top.gif) repeat-x 0px -25px;height:19px;border-bottom:#A3BAD9 1px solid; clear:both;}
.Calendar .week div{width:27px;height:19px;line-height:19px;float:left;text-align:center;}
.Calendar .day{overflow:hidden;margin:2px 0px; font-weight:bold; cursor:default; clear:both;}
.Calendar .day a{
	display:block;margin:1px;width:25px;height:18px;line-height:18px;outline: none; float:left;
	star:expression(this.onFocus=this.blur()); color:#576E9E;text-decoration:none;
}
.Calendar .day a:hover{
	background:url(<%=basePath%>admin/test/calendar/img/calendar_top.gif) repeat-x 0px -26px;width:25px;
	line-height:18px;border-width:0px; color:#576E9E;height:18px;
}
.Calendar .day .today{ 
	background:url(<%=basePath%>admin/test/calendar/img/calendar_top.gif) repeat-x 0px -51px; border:#36547F 1px solid;width:23px;height:16px;
	line-height:16px; border:#448DAE 1px solid;
}
.Calendar .day .select{background:url(<%=basePath%>admin/test/calendar/img/calendar_top.gif) repeat-x 0px -4px;color:#ffffff;}
.Calendar .day .disable{color:#aaaaaa;}
.Calendar .bottom{
	color:#666666; background:url(<%=basePath%>admin/test/calendar/img/calendar_top.gif) repeat-x 0px -45px;height:20px;line-height:20px;border:#A3BAD9 1px solid;padding:5px;
	-moz-border-radius:0px 0px 3px 3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px;clear:both;
}
.Calendar .bottom .time{width:92px;overflow:hidden;float:left;height:20px; text-align:center;}
.Calendar .bottom .time input{
	width:16px;@width:14px;height:14px;overflow:hidden; border:#99BBE8 1px solid;
	background-color:#F1F1F1; color:#666666;font: 12px Arial, Helvetica, sans-serif;
}
.Calendar .bottom .cal_btn{
	background:url(<%=basePath%>admin/test/calendar/img/calendar_top.gif) repeat-x 0px -4px;height:16px;border:#A3BAD9 1px solid;color:#ffffff;float:left;line-height:16px;
	-moz-border-radius:4px;-webkit-border-radius:4px;width:40px; text-align:center;display:block;cursor:pointer; margin-top:1px;
}
    
    </style>
	<script type="text/javascript" src="<%=basePath%>admin/test/calendar/GooFunc.js"></script>
    <script type="text/javascript" src="<%=basePath%>admin/test/calendar/GooCalendar.js"></script>
	<script>
		$(function(){
			$('#test').datagrid({
				title:'全省医院各科室预约情况分析',
				 iconCls:'icon-ok',
				width:1000,
				height:650,
				pageNumber:1,
				pageSize:20,
				pageList:[5,10,15,20,25,30,35,50,80,100],
                collapsible:true,
				nowrap: false,
				striped: true,
				url:'<%=basePath%>flextj04yuyueAction',
				sortName: 'id',
				sortOrder:'desc',
				rownumbers:true,
				idField:'id',
				queryParam:{},
				singleSelect:false,
				frozenColumns:[[
                 {field:'ck',checkbox:false}
              ]],
	        columns:[[
	        {field:'syscode',title:'区域',width:100,sortable:true,editor:'text'},
			{field:'id',title:'序号',width:100,sortable:true,editor:'text'},
		   {field:'hospital',title:'医院名称',width:100,sortable:true,editor:'text'},
		    {field:'telcount',title:'电话预约(人次)',width:100,sortable:true,editor:'text'},
		    {field:'netcount',title:'网络预约(人次)',width:100,sortable:true,editor:'text'},
		    {field:'nowcount',title:'现场预约(人次)',width:100,sortable:true,editor:'text'},
		    {field:'yyhj',title:'预约挂号订单来源合计(人次)',width:200,sortable:true,editor:'text'},
		    {field:'czcount',title:'初诊人次',width:100,sortable:true,editor:'text'},
		    {field:'fzcount',title:'复诊人次',width:100,sortable:true,editor:'text'},
		    {field:'hzhj',title:'患者就诊类型合计(人次)',width:100,sortable:true,editor:'text'}
				]],
				pagination:true,//分页时需要设置,下方显示分页插件
				rownumbers:true
			});
		});
		
	</script>
	<script type="text/javascript">
	function search()
	{
	    var start=$('#start').val();
	    var end=$('#end').val();
	    window.location.href="<%=basePath%>flextj04yuyueAction?start="+start+"&end="+end;
	}
	</script>
	<!-- 日历 -->
	<script type="text/javascript">
var property2={
	divId:"demo2",//日历控件最外层DIV的ID
	needTime:true,//是否需要显示精确到秒的时间选择器，即输出时间中是否需要精确到小时：分：秒 默认为FALSE可不填
	yearRange:[1970,2030],//可选年份的范围,数组第一个为开始年份，第二个为结束年份,如[1970,2030],可不填
	week:['Su','Mo','Tu','We','Th','Fr','Sa'],//数组，设定了周日至周六的显示格式,可不填
	month:['January','February','March','April','May','June','July','August','September','October','November','December'],//数组，设定了12个月份的显示格式,可不填
	format:"yyyy-MM-dd hh:mm:ss"
};

$(document).ready(function(){
	canva1=$.createGooCalendar("start",property2);
	canva2=$.createGooCalendar("end",property2);
	
});
</script>
	</head>
	<body>
	<div style="padding-bottom: 10px;">
	 开始时间:
<input type="text" value="" id="start" name="start"/>
	结束时间 :
<input type="text" value="" id="end" name="end"/>

    <a href="javascript:search();" class="l-btn l-btn-plain" icon="icon-search" style="width: 100px;">查询</a>
   </div>

	<table id="test"></table>
	</body>
</html>
